<template>
     <div>
         <cvue-dialog
        :dialogVisible='dialogVisible'
        title=''
        :isShowFoot='true'
        dialogWidth='60%'
        @handleOpen='getDetail'
        @closeDialog='closeDialog'
        @confirmDialog='confirmDialog'
        @handleClose='closeDialog'>
            <div class="dialog-body" slot="dialogBody">
                    <myMap ref="myMap"></myMap>
            </div>
         </cvue-dialog>
     </div>
</template>
<script>
import cvueDialog from '@/components/cvue-dialog'
import myMap from '@/components/myMap'
export default {
     components: {
        cvueDialog, myMap
    },
     props: {
         dialogVisible: {
             default: false
         }
     },
    data () {
        return {
            
        }
    },
    methods: {
        getDetail () {
            this.$nextTick(() => {
                this.$refs.myMap.init()
            })
        },
        closeDialog () {
            this.$emit('close')
        },
        confirmDialog () {
            this.closeDialog()
        }
    },
    mounted () {
        
    }
}
</script>
<style scoped>
.map-p{
    position: relative;
}
.search-p{
    position: absolute;
    top: 10px;
    left: 10px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.6);
    z-index: 10;
    padding: 5px 10px;
    background: #fff;
}
.search-input{
    font-size: 16px;
    padding: 5px;
}

</style>
